.maxEditBox {
  display: flex;
  flex-direction: column;
  background-color: #f5f7fb;
  .editor {
    width: 100%;
    // background-color: red;
    // background-color: #f5f7fb;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px 0;
    .center {
      width: 76%;
      height: 90%;
      background-color: #fff;
      .centerEditor {
        // margin-top: 20px;
        width: 100%;
        height: 100%;
        background-color: #fff;
      }
      .buttonBoxDiv {
        width: 100%;
        height: 50px;
        border-top: 1px solid rgba(128, 128, 128, 0.233);
        display: flex;
        align-items: center;
        justify-content: center;
        :global(.ant-btn-primary) {
          width: 80px;
          height: 32px;
          background-color: #5584ff;
        }
      }
    }
  }
  .bottomTableBox {
    width: 100%;
    height: 50px;
    background-color: #fff;
    padding: 20px 0;
    :global(.ant-table-cell) {
      height: 40px;
    }
  }
}
.modalBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  .top {
    width: 100%;
    height: 150px;
  }
  .bottom {
    width: 100%;
    height: 150px;
  }
}

.hiddenWrappr {
  max-height: 20px;
  overflow: hidden;
  p {
    max-height: 20px;
    overflow: hidden;
    // max-width: 628px;
    width: 100%;
    text-overflow: ellipsis;
  }
}
